module.exports = {
  // 语言
  locales: {
    "/": {
      lang: "zh-CN",
    },
  },
  // 左上方标题
  title: "Zelma's Blog",
  // 过渡动画的描述
  description: "记录，成为更好的自己！",
  // 打包目录
  dest: "public",
  // html头部设置
  head: [
    [
      "link",
      {
        rel: "icon",
        href: "/logo.png",
      },
    ],
    [
      "meta",
      {
        name: "viewport",
        content: "width=device-width,initial-scale=1,user-scalable=no",
      },
    ],
  ],
  base: "/",
  // 主题
  theme: "reco",
  // 主题自定义设置
  themeConfig: {
    // 全局评论
    valineConfig: {
      appId: "bkkgvYHpnPtbVkPpHBm33i5D-gzGzoHsz",
      appKey: "krRK3KC97PfwKgms4RuxWU9m",
    },
    // 上方导航栏
    nav: [
      {
        text: "首页",
        link: "/",
        icon: "reco-home",
      },
      {
        text: "全部文档",
        icon: "reco-message",
        items: [
          {
            text: "JS相关知识",
            link: "/docs/theme-reco/js/prototype.md",
          },
          {
            text: "交互具体实现",
            link: "/docs/theme-reco/interactive/reactVr.md",
          },
          {
            text: "JavaScript设计模式与开发实践",
            link: "/docs/theme-reco/designPattern/preface.md",
          },
          {
            text: "Git学习",
            link: "/docs/theme-reco/git/gitNormal.md",
          },
        ],
      },
      {
        text: "时间线",
        link: "/timeline/",
        icon: "reco-date",
      },
      {
        text: "工具",
        icon: "reco-other",
        items: [
          {
            text: "上传图片",
            link: "/docs-tools/uploadImg.md",
          },
        ],
      },
      {
        text: "留言板",
        link: "/blogs/other/messageBoard.md",
        icon: "reco-date",
      },
    ],
    // 点进详情后右边的导航栏设置
    sidebar: {
      "/docs/theme-reco/": [
        {
          title: "JS相关知识",
          collapsable: true,
          children: [
            {
              title: "JS原型链",
              path: "js/prototype",
            },
            {
              title: "对象的方法总结",
              path: "js/object",
            },
            {
              title: "数组的方法总结",
              path: "js/array",
            },
            {
              title: "扁平化数组的n种方式",
              path: "js/flatArray",
            },
            {
              title: "对于ES6模块与CommonJS模块理解",
              path: "js/module",
            },
            {
              title: "defineProperty实现数据劫持",
              path: "js/defineProperty",
            },
            {
              title: "发布订阅模式理解与应用",
              path: "js/onEmit",
            },
          ],
        },
        {
          title: "业务场景交互具体实现",
          collapsable: true,
          children: [
            {
              title: "React VR全景图组件",
              path: "interactive/reactVr",
            },
            {
              title: "css实现文字卡拉OK、跑马灯效果",
              path: "interactive/cssMove",
            },
            {
              title: "moveable一个可拖拽、缩放、旋转、对齐的库",
              path: "interactive/moveable",
            },
            {
              title: "超简单实现vr看房子、360全景图（附完整demo）",
              path: "interactive/vr360",
            },
            {
              title: "微信小程序纯CSS实现无限弹幕滚动",
              path: "interactive/bullet",
            },
          ],
        },
        {
          title: "JavaScript设计模式与开发实践",
          collapsable: true,
          children: [
            {
              title: "《JavaScript设计模式与开发实践》前言",
              path: "designPattern/preface",
            },
            {
              title: "JavaScript中的高阶函数",
              path: "designPattern/higherFn",
            },
            {
              title: "JavaScript中的单例模式",
              path: "designPattern/single",
            },
            {
              title: "JavaScript中的代理模式",
              path: "designPattern/agent",
            },
            {
              title: "JavaScript中的策略模式",
              path: "designPattern/strategy",
            },
            {
              title: "JavaScript中的迭代器模式",
              path: "designPattern/iterator",
            },
            {
              title: "JavaScript中的发布-订阅模式",
              path: "designPattern/publish",
            },
            {
              title: "JavaScript中的命令模式",
              path: "designPattern/command",
            },
            {
              title: "JavaScript中的组合模式",
              path: "designPattern/group",
            },
          ],
        },
        {
          title: "Git学习",
          collapsable: true,
          children: [
            {
              title: "Git的常用指令",
              path: "git/gitNormal.md",
            },
            {
              title: "前端找工作见解",
              path: "git/job.md",
            },
          ],
        },
      ],
      "/docs-tools/": ["uploadImg"],
      // "/blogs/blog/": ["20220113", "20220211"],
    },
    // 点进详情后markdown左边的导航栏
    subSidebar: "auto",
    // 类型
    type: "blog",
    // 个人信息配置
    blogConfig: {
      category: {
        location: 2,
        text: "分类",
      },
      tag: {
        location: 3,
        text: "标签",
      },
      socialLinks: [
        // 信息栏展示社交信息
        {
          icon: "reco-juejin",
          link: "https://juejin.cn/user/632967544187607/posts",
        },
        {
          icon: "reco-mayun",
          link: "https://gitee.com/zuiaiwanqian/dashboard/projects",
        },
        {
          icon: "reco-csdn",
          link: "https://blog.csdn.net/Android_zhouhong?spm=1000.2115.3001.5343",
        },
      ],
    },
    friendLink: [
      {
        title: "龙城666",
        desc: "龙宝贝的博客",
        email: "longcheng0105@qq.com",
        link: "http://www.longcheng666.com",
      },
      {
        title: "vuepress-theme-reco",
        desc: "A simple and beautiful vuepress Blog & Doc theme.",
        avatar:
          "https://vuepress-theme-reco.recoluan.com/icon_vuepress_reco.png",
        link: "https://vuepress-theme-reco.recoluan.com",
      },
    ],
    logo: "/logo.png",
    search: true,
    searchMaxSuggestions: 10,
    lastUpdated: "Last Updated",
    author: "zelma",
    authorAvatar: "/avatar.png",
    record: "蜀ICP备2021027934号-1",
    startYear: "2022",
  },
  // markdown配置
  markdown: {
    lineNumbers: true,
  },
  // 插件
  plugins: [
    // 代码块复制
    [
      "@mr-hope/vuepress-plugin-copy-code",
      {
        selector: 'div[class*="language-"] pre',
        // 你的选项
        duration: 1000,
        showInMobile: true,
      },
    ],
    // 鼠标点击
    [
      "cursor-effects",
      {
        size: 2, // size of the particle, default: 2
        shape: ["star"], // shape of the particle, default: 'star'
        zIndex: 999999999, // z-index property of the canvas, default: 999999999
      },
    ],
    // 公告
    // [
    //   "@vuepress-reco/vuepress-plugin-bulletin-popover",
    //   {
    //     title: "公告",
    //     body: [
    //       {
    //         type: "title",
    //         content: "欢迎加我的QQ一起讨论",
    //         style: "text-aligin: center;",
    //       },
    //       {
    //         type: "text",
    //         content: "QQ/VX：1349320519",
    //         style: "text-align: center;",
    //       },
    //       {
    //         type: "text",
    //         content: "喜欢的主题特效可以去个人信息",
    //         style: "text-align: center;",
    //       },
    //       {
    //         type: "text",
    //         content: "友链或疑问均可在留言板给我留言",
    //         style: "text-align: center;",
    //       },
    //     ],
    //     footer: [
    //       {
    //         type: "button",
    //         text: "打赏",
    //         link: "/blog/donate",
    //       },
    //     ],
    //   },
    // ],
    // 看板娘
    [
      "@vuepress-reco/vuepress-plugin-kan-ban-niang",
      {
        theme: [
          "z16",
          "whiteCat",
          "haru1",
          "haru2",
          "haruto",
          "koharu",
          "izumi",
          "shizuku",
          "wanko",
          "blackCat",
          "z16",
        ],
        clean: false,
        messages: {
          welcome: "欢迎来到Zelma的博客",
          home: "心里的花，我想要带你回家。",
          theme: "好吧，希望你能喜欢我的其他小伙伴。",
          close: "你不喜欢我了吗？痴痴地望着你。",
        },
        messageStyle: {
          right: "68px",
          bottom: "290px",
        },
        width: 250,
        height: 320,
      },
    ],
    // 彩带
    [
      "ribbon-animation",
      {
        size: 90, // 默认数据
        opacity: 0.3, //  透明度
        zIndex: -1, //  层级
        opt: {
          // 色带HSL饱和度
          colorSaturation: "80%",
          // 色带HSL亮度量
          colorBrightness: "60%",
          // 带状颜色不透明度
          colorAlpha: 0.65,
          // 在HSL颜色空间中循环显示颜色的速度有多快
          colorCycleSpeed: 6,
          // 从哪一侧开始Y轴 (top|min, middle|center, bottom|max, random)
          verticalPosition: "center",
          // 到达屏幕另一侧的速度有多快
          horizontalSpeed: 200,
          // 在任何给定时间，屏幕上会保留多少条带
          ribbonCount: 2,
          // 添加笔划以及色带填充颜色
          strokeSize: 0,
          // 通过页面滚动上的因子垂直移动色带
          parallaxAmount: -0.5,
          // 随着时间的推移，为每个功能区添加动画效果
          animateSections: true,
        },
        ribbonShow: false, //  点击彩带  true显示  false为不显示
        ribbonAnimationShow: true, // 滑动彩带
      },
    ],
    // 评论
    [
      "vuepress-plugin-comment",
      {
        choosen: "valine",
        // options选项中的所有参数，会传给Valine的配置
        options: {
          el: "#valine-vuepress-comment",
          appId: "bkkgvYHpnPtbVkPpHBm33i5D-gzGzoHsz",
          appKey: "krRK3KC97PfwKgms4RuxWU9m",
        },
      },
    ],
  ],
};
